<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>启德正志</title>
    <link rel="stylesheet" href="./assets/style.css">
    <link rel="stylesheet" href="./assets/header.css">
    <link rel="stylesheet" href="./assets/footer.css">
    <link rel="stylesheet" href="./assets/recommend.css">
    <style>
    .about .top-pic img{
        max-width: 100%;
    }

    .video-container {
        padding-left: 300px;
        padding-right: 300px;
    }
    .video-container .left {
        width: 100%;
    }
    .video-container .left  .top {
        font-size: 24px;
        margin-bottom: 40px;
        text-align: center;
    }
    .block-title{
        text-align: center;
        font-size: 36px;
        color: #193547;
        font-weight: bold;
        background: rgba(25,53,71,0.2);
        width: 400px;
        height: 60px;
        line-height: 60px;
        margin: 80px auto;
    }

    .video-container .left  .top .click{
        color: #ff9000;
        padding-left: 30px;

    }

    .video-container .left .desc{
        font-size: 20px;
        line-height: 42px;
        font-weight: normal;
    }

    /* .right{
         width: 50%;
     }*/
    .video-container .video-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 20px;
    }
    .video-container .video-list .video-item img{
        width: 380px;
        height:280px;
    }

    .tj{
        background-image: url('./assets/img/zp.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 650px;
    }
    </style>
</head>
<body>
<div class="header">
    <div class="content">
        <div class="left mr-100">
            <img src="./assets/qdzzheader.png">
        </div>
        <div class="middle mr-100">
            高大上 人性化 有效果的特训
        </div>
        <div class="right">
            <div>
                您好，欢迎来到启德正志特训基地总部！
            </div>
            <div class="phone">
                <img src="./assets/img/phonelogo.png">
                <span>15610241666</span>
            </div>

        </div>
    </div>
    <div class="menu">
        <ul>
            <li><a href="./Home.html">首页</a></li>
            <li><a href="./Edu.html">特色教育</a></li>
            <li><a href="./Teacher.html">师资力量</a></li>
            <li><a href="./Album.html">校园相册</a></li>
            <li><a class="activeMenu" href="./About.html">关于我们</a></li>
            <li><a href="./Contact.html">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="about">

    <div class="top-pic">
        <img src="./assets/img/banner0.jpg">
    </div>

    <!--宣传片-->
    <div class="video-container">
        <div class="left">
            <div class="top">
                <div class="block-title">启德正志.宣传片</div>
                <div class="click">>>耐心看完，孩子一定改变！点击</div>
            </div>
            <div class="desc">
                <div>
                    启德正志励志特训采用准军事化管理，要求学员以革命军人的标准强身健体，吃苦锻炼，培养坚强的自制力、意志力。
                </div>
                <div>
                    全封闭式教学，不允许携带手机电脑等任何通讯工具，培养学员自立能力、自理能力。
                </div>
                <div>
                    依靠先进的心理辅导教育理念，以人为本，良心办学，爱心辅导，禁止简单粗暴，家长担心孩子被虐待？被打死？孩子安全比天大！
                    科学管理，近乎一对一地精细化管理和全天候24小时手机远程监控来保障。
                </div>
            </div>

        </div>
        <div class="video-list">
            <div class="video-item">
                <img src="./assets/img/video-pic.jpg">
            </div>

            <div class="video-item">
                <img src="./assets/img/video-pic.jpg">
            </div>
            <div class="video-item">
                <img src="./assets/img/video-pic.jpg">
            </div>
        </div>
    </div>

    <div class="block-title">启德正志.精彩图集</div>
    <div class="tj"></div>
    <div class="recommend">
        <div class="footer-text">教育局监管 | 一对一贴心疏导 | 军事化管理模式</div>
        <div class="footer-text">多年专注青少年叛逆、网瘾等问题解决方案</div>
        <div class="hotline-text">
            <span>咨询热线：</span><span class="phone">010-234566666</span>
        </div>

    </div>

</div>
<div class="footer">
    <div class="left">
        <div class="menu-name">
            <span><a href="./Home.html">首页</a></span>
            <span><a href="./Edu.html">特色教育</a></span>
            <span><a href="./Teacher.html">师资力量</a></span>
            <span><a href="./Album.html">校园相册</a></span>
            <span><a href="./About.html">关于我们</a></span>
            <span><a href="./Contact.html">联系我们</a></span>
        </div>
        <div>全国免费客服咨询热线：123456789</div>
        <div>备案号：鲁ICP备19004508号-1</div>
        <div>©2022浙江启德正志教育咨询有限公司 版权所有</div>
    </div>

    <div class="right">
        <div>
            <img src="./assets/qdzzlogo.png" style="padding-right: 20px">

            <img src="./assets/img/qrcode.gif" style="height: 140px">
        </div>
    </div>
</div>
</body>
</html>